@prefix: ~'adm-calendar';
.@{prefix}-arrow-button{
  color: #717171;
  font-size: 14px;
  >svg{
    height: 14px !important;
  }
}
.@{prefix}-title{
  width: 160px !important;
  font-size: 16px !important;
  font-weight: bold;
}
.@{prefix}-mark-cell{
  font-size: 12px;
  font-weight: bold;
  color: #717171;
}
.calendar-custom {
  .@{prefix}-cell {
    justify-content: center;
    height: 31px;

    .@{prefix}-cell-top {
      font-size: 14px;
    }

    &-bottom {
      display: none;
    }

    &.@{prefix}-cell-selected.@{prefix}-cell.@{prefix}-cell-selected {
      background: #f8f8f8;

      .@{prefix}-cell-top {
        height: 31px;
        width: 38px;
        border-radius: 99px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f8f8f8;
        color: #222;
      }

      &.@{prefix}-cell-selected-begin {
        background: linear-gradient(to right,
            var(--adm-color-white) 50%,
            #f8f8f8 51%,
            #f8f8f8);

        .@{prefix}-cell-top {
          height: 38px;
          width: 38px;
          border-radius: 99px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #222;
          color: #fff;
        }

        &.@{prefix}-cell-selected-row-end {
          background: transparent;
        }
      }

      &.@{prefix}-cell-selected-begin.@{prefix}-cell-selected-end {
        background: var(--adm-color-white);
      }

      &.@{prefix}-cell-selected-end {
        background: linear-gradient(to right,
            #f8f8f8 50%,
            var(--adm-color-white) 51%,
            var(--adm-color-white));

        .@{prefix}-cell-top {
          height: 38px;
          width: 38px;
          border-radius: 99px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #222;
          color: var(--adm-color-white);
        }

        &.@{prefix}-cell-selected-row-start {
          background: transparent;
        }
      }

      &.@{prefix}-cell-selected-row-begin {
        border-top-left-radius: 99px;
        border-bottom-left-radius: 99px;
      }

      &.@{prefix}-cell-selected-row-end {
        border-top-right-radius: 99px;
        border-bottom-right-radius: 99px;
      }
    }
  }
}